www.gusucode.com > TinyShop PHP开源商城系统 v1.0.3PHP源码程序 > TinyShop PHP开源商城系统 v1.0.3/TinyShop_v1.0.3/TinyShop_v1.0.3/static/css/common.css
/*@charset "utf-8"; /*--S reset --*/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; } body, button, input, select, textarea { font:12px/1.5 "Lucida Grande", Helvetica,Arial, Verdana, sans-serif,serif;} h1, h2, h3, h4, h5, h6 { font-size:100%; } address, cite, dfn, em, var, i { font-style:normal; } code, kbd, pre, samp { font-family:courier new, courier, monospace; } small { font-size:12px; } ul, ol{ list-style:none; } a { text-decoration:none; hide-focus:expression(this.hideFocus=true); outline:none; cursor:pointer;} a:hover { text-decoration:none; } sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } legend { color:#000; } fieldset, img { border:0; vertical-align:middle;} button, input, select, textarea { font-size:100%; } table { border-collapse:collapse; border-spacing:0; } pre { white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; } article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article, aside, dialog, figure, footer, header, hgroup, nav, section, figcaption, details, summary { display:block; } body{color: #666;} form input,form label, form img{ vertical-align:middle;} * html, * html body { background-image:url(about:blank);background-attachment:fixed;height: 100%; } * html { zoom:expression(function(ele){ele.style.zoom="1";document.execCommand("BackgroundImageCache", false, true);}(this)); } * html pre { word-wrap:break-word; white-space:normal; } *:focus {outline: none;} /*--E reset --*/ /*--S common --*/ ::-webkit-scrollbar{width:10px;margin-right:2px} ::-webkit-scrollbar-track-piece{background-color:#F5F5F5;border-left:1px solid #D2D2D2} ::-webkit-scrollbar-thumb{background:#CBCBCB;width:10px} ::-webkit-scrollbar-thumb:hover{background:#909090} .wrap{width: 1200px; margin-left: auto; margin-right: auto; position:relative;} .bold { font-weight:bold; } .ma { margin:0 auto; } .mt5{ margin-top: 5px; } .mt10 { margin-top:10px; } .mt15 { margin-top:15px; } .mt20 { margin-top:20px; } .mb5 { margin-bottom:5px; } .mb10 { margin-bottom:10px; } .mb15 { margin-bottom:15px; } .mb20 { margin-bottom:20px; } .p5 { padding:5px; } .p10 { padding:10px; } .p15 { padding:15px; } .p20 { padding:20px; } .pt5 { padding-top:5px; } .pt10 { padding-top:10px; } .pt15 { padding-top:15px; } .pt20 { padding-top:20px; } .pb5 { padding-bottom:5px; } .pb10 { padding-bottom:10px; } .pb15 { padding-bottom:15px; } .pb20 { padding-bottom:20px; } .tl { text-align:left !important; } .tc { text-align:center !important; } .tr { text-align:right !important; } .fl { float:left !important; } .fr { float:right !important; } .fn { float:none !important; } .hidden{display: none;} .f14{font-size: 14px;} .f16{font-size: 16px;} .f18{font-size: 18px;} .vm{vertical-align: middle;zoom:1;} ul.list li{padding-top: 5px; border-bottom:1px dashed #E2E2E2;} /*--常用颜色--*/ .red{color: #c00;} .green{color:#007c00;} .gray{color: gray;} .yellow{color: #cc0;} .orange{color: orange;} input.big{width:360px !important;} input.normal{width:255px !important;} input.middle{width:180px !important;} input.small{width:95px !important;} input.tiny{width:45px !important;} input.readonly{background-color:#f5f5f5;} .box{background: #FFF;border:#ddd 1px solid;position: relative;overflow: hidden;word-break: break-all;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block; *zoom:1; } * html .clearfix { height: 1%;} .clearfix {display: block;} .relative { position:relative; } .absolute { position:absolute; } .fixed { position:fixed; } .hidden { display:none; } .nav li{float: left; color: #85726C;} .btn{padding: 6px 20px ; font-size: 14px; border: none;overflow: hidden;background: #A60A00;cursor: pointer; border:1px solid #A6041C;border-radius: 3px;display: inline-block;color: #fff ;height: auto;} .btn-mini{padding: 4px 20px;font-size: 12px;overflow: visible;} .btn:hover{color: #fff;background:#bf3a2b; } a.btn:hover{text-decoration: none;} .btn-gray{background:#bec3c7;border-color:#989da3;} .btn-gray:hover{background:#ecf0f1;border-color:#cacecf;color: #555;} .btn-disable{background:#ecf0f1;border-color:#cacecf;color: #555;} .btn-disable:hover{background:#ecf0f1;border-color:#cacecf;color: #555;} .btn-blue{border:#1b6990 1px solid;background:#2a80b9;} .btn-blue:hover{background:#3598dc;border-color:#2882c0;} .btn-orange{background:#d25400;border-color:#af4a06;} .btn-orange:hover{background:#e77e22;border-color: #bd6617;} .btn-red{background:#bf3a2b;border-color:#992d23;} .btn-red:hover{background:#e84c3d;border-color: #c63a2d;} .btn-red{background:#bf3a2b;border-color:#992d23;} .btn-red:hover{background:#e84c3d;border-color:#c63a2d;} .btn-green{background:#17a086;border-color:#0c7c64;} .btn-green:hover{background:#19bd9b;border-color:#16987c;} table td{padding: 10px;} table td input,table td label{vertical-align: middle;} table.simple,table.default{width:100%;} table.simple th{background:#797F8A;color: #fff;padding: 8px 0;} table.simple tr.even{background: #f0f0f0;} table.simple td{border-bottom: #ccc 1px solid;padding: 8px 0 8px 6px;text-overflow:ellipsis; overflow: hidden;} table.noborder td,table tr.noborder td{border:none;} table.default{border:#ddd 1px solid; border-right: none;border-bottom: none;} table.default td{border-bottom: #ddd 1px solid; border-right: #ddd 1px solid; padding: 8px 4px 8px 10px;} .msg{border:#ddd 1px solid;height: 25px; line-height: 25px; display: inline-block;padding-right: 10px;} .msg .icon{background-color: #f0f0f0;float: left;} .msg span{color: red;padding-left: 6px;} .msg-simple-error{text-align: center; background: #d4171e; color: #fff; line-height: 14px; border-radius: 2px; padding: 2px 4px; margin: 2px 0;display: block;} .nav-bar{height: 32px;line-height: 32px;border-bottom:#aaa 1px solid;} .nav-bar a{height: 32px;line-height: 32px;display:block;padding-right: 10px;float: left; text-decoration: none;} .nav-bar .category-0{color: #333;font-weight: 700; font-size: 18px; font-family: "microsoft yahei";} .nav-bar .category-1{color: #555;font-size: 16px;} .nav-bar .category-2{color: #777;font-size: 14px;} .nav-bar .category-3{color: #999;} .dl-2{position: relative;} .dl-2 dt{float: left;width: 200px;display: block;margin-right: -100%;} .dl-2 dd{margin-left: 210px;display: block;vertical-align: text-top;} h1.title{background: #FFF;padding: 5px;border-bottom: #f0f0f0 1px solid;margin-bottom: 5px;} .t-line{border-top: #ccc 1px solid;} .b-line{border-top: #ccc 1px solid;} .layout-2col{position: relative;} .layout-2col .sidebar{width: 230px;float: left;} .layout-2col .content{padding-left: 245px;} /*--E common --*/ /*--S Message条式样式--*/ .message-box{overflow: visible;border:#ccc 1px solid;position: relative;} .message-head{position: absolute; top: 12px;left: -3px;right: -12px;} .message-head i{-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; border-width: 6px; font-size: 0; height: 0; line-height: 0; position: absolute; right: 0px; top: 44px; width: 0; color: #00C22C; border-color: #00C22C rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00C22C; border-style: solid dashed dashed solid;} .message-content{padding:60px 20px 20px 20px;} .message-head i.error,.message-head i.fail{color: #FF7570; border-color: #FF7570 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FF7570; border-style: solid dashed dashed solid;} .message-head i.info{color: #00B5FF; border-color: #00B5FF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00B5FF; border-style: solid dashed dashed solid;} .message-head i.warning{color: #FFCA74; border-color: #FFCA74 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFCA74; border-style: solid dashed dashed solid;} .message_error,.message_fail,.message_success,.message_info,.message_warning{padding:12px;margin-bottom:5px;background: url(../images/message.png) no-repeat;text-indent: 40px;} .message_error,.message_fail{border:#FF7570 1px solid;background-color:#FFF2F0; background-position: 0 -55px;} .message_success{border:#00C22C 1px solid;background-color:#EEFFE4; background-position: 0 -107px;} .message_info{border:#00B5FF 1px solid;background-color:#E3F5FF;background-position: 0 -3px;} .message_warning{border:#FFCA74 1px solid;background-color:#FFFFE3; background-position: 0 -161px;} .aui_dialog .error,.aui_dialog .fail,.aui_dialog .success,.aui_dialog .warning{padding:12px;margin-bottom:5px;background: url(../images/message.png) no-repeat;text-indent: 40px;} .aui_dialog .error, .aui_dialog.fail{background-position: 0 -55px;} .aui_dialog .success{background-position: 0 -107px;} .aui_dialog .warning{background-position: 0 -161px;} /*--E Message条式样式--*/ /*--S header --*/ body{background: #f0f0f0;margin: 0 auto;} #header{background: #f0f0f0; position: relative; z-index: 1000; } .header-bar{background: #EBE3DD; border-bottom: #CEC2C2 1px solid; position: relative;} a{color: #85726C;} a:hover{color:#c53f4c; } .header-bar .nav{height: 30px;line-height: 30px;} .header-bar .nav li{padding:0 8px;position: relative;display: block;} .header-main{ height:100px; position:relative;background: #f0f0f0;z-index: 100;} .header-main .logo{width: 260px;padding-top: 10px; float: left;} .header-main .header-search{margin-top:30px;height: 70px;} .header-search .txt-keyword{border: solid 1px #DCD3CF; border-right: none; height: 23px; width: 460px; float: left; color: #A89893; padding: 5px; font-size: 14px; background-color: #FFFFFF;} .header-search .btn-search{width: 80px; height: 35px; border: none;overflow: hidden;border: solid 1px #DCD3CF; background: #EBE3DD;cursor: pointer;color: #85726C;} .header-search .btn-search:hover{background:#D4CCC7;} .header-search p {line-height: 26px; clear: both;} .header-search p a{padding-left: 6px; } .header-cart{margin-top: 30px;height: 33px; position: absolute;right: 0;z-index: 1000;width: 200px;} .header-cart dl{position:relative; margin-left:10px;display: block;} .header-cart dl dt{height:33px;line-height: 33px; border: 1px solid #CEC2C2; background-color: #EBE3DD; color: #7A6963; padding-right: 20px;position: relative;float: left;} .header-cart .cart-list{right:0;position: absolute;background:#EBE3DD; border: 1px solid #CEC2C2;width: 200px;padding: 10px;} .header-cart .cart-list li{padding: 3px; float: left; width: 90px} .header-cart dl dd{display: none;margin-top: 33px;} .header-cart dl:hover,.header-cart dl.hover{border-bottom:#EBE3DD 1px solid;} .header-cart dl:hover dt,.header-cart dl.hover dt{z-index: 100;border-bottom: none;} .header-cart dl:hover dd,.header-cart dl.hover dd{display: block; z-index: 10;} .header-nav{background: #7c0000 ;position: relative;} .header-nav .nav{padding-left: 240px;height: 36px;line-height: 36px;} .header-nav .nav a{font-size: 15px; text-align: center; outline: none;text-decoration: none;display: block;float: left;height: 36px;padding: 0 20px; color: #ddd;} .header-nav .current a{background: #5A4747;} .header-nav .nav a:hover{background:#725b5b; } .header-nav .nav li{} .banner{margin-left: 240px;} .category{position:absolute;left: 0;top:0;width: 240px;display: block; color: #ECE7E5;} .category h3{font-size: 15px;padding: 5px 10px;background: #624B40;height: 26px;line-height: 26px;overflow: hidden;} .icon-cart,.icon-member,.icon-list,.icon-alert,.icon-close,.icon-stop,.icon-plus,.icon-plus-1,.icon-minus,.icon-add,.icon-equal,.icon-order-0,.icon-order-1,.icon-order-2,.icon-order-3,.icon-groups,.icon-right,.icon-cright,.icon-clock,.icon-lights,.icon-end{background-image: url(../images/icons.png);display: inline-block; vertical-align: middle;padding: 0 1px;width: 25px;height: 25px;} .icon-cart{background-position: 3px -25px;} .icon-member{background-position: 3px -2px;} .icon-end{background-position: -25px 0;} .icon-list{background-position: 0 -51px;} .icon-alert{background-position: -25px -75px;} .icon-lights{background-position: -25px -100px;} .icon-close{background-position: 0 -125px;} .icon-stop{background-position: -25px 0;} .icon-plus{background-position: 0 -225px;} .icon-plus-1{background-position: -25px -325px;} .icon-minus{background-position:0 -200px;} .icon-add{background-position:0 -250px;} .icon-equal{background-position:0 -275px;} .icon-order-0{background-position:-25px -200px;} .icon-order-1{background-position:-25px -225px;} .icon-order-2{background-position:-25px -250px;} .icon-order-3{background-position:-25px -275px;} .icon-clock{background-position:-25px -300px;} .icon-groups{background-position: 0 -325px;} .icon-right{background-position: 0 -375px;} .icon-cright{background-position: 0 -350px;} .category h3 a{color:#f0f0f0;} .category:hover h3,.category.hover h3{background: #4A3931;} .category .group{background: #73584A;display: block;height: 400px;display: none;} .category:hover .group,.category.hover .group{display: block;} .category .group a{color:#B8A199;} .category .group dl{position: relative;} .category .group dl dt{ padding: 8px 10px; border-bottom: solid 1px #624B40; border-top: solid 1px #81665C;overflow: hidden;} .category .group dl:hover,.category .group dl.hover{background: #624B40;} .category .group dl:hover dt,.category .group dl.hover dt{ border-top: solid 1px #624B40;} .category .group dl dt h4{height: 20px; line-height: 20px;} .category .group dl dt h4 a,.category .group .sub h5 a{font-size: 14px;color:#f0f0f0;} .category .group dl dt p a{line-height: 24px; height: 24px;} .category .group dl p a{line-height: 20px; height: 20px; display: inline-block;padding-left:4px;} .category .group dl dd p a{width: 64px; overflow: hidden; } .category .group .sub h5{font-size: 14px; font-weight: normal;} .category .group .sub li{border-bottom: dotted 1px #81665C;padding: 4px 0 6px;} .category .group dl dd{position: absolute; left: 240px;_left:230px; top: -1px; border-top: solid 1px #624B40; min-height: 80px; width: 520px; overflow: hidden; background: #624B40; display: none;} .category .group dl:hover dd,.category .group dl.hover dd{display: block;} .category .group dd ul{padding: 0 10px;} /*--S 三角--*/ .r-triangle,.b-triangle,.l-triangle,.t-triangle {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; border-width: 6px; font-size: 0; height: 0; line-height: 0; position: absolute; right: 15px; top: 16px; width: 0; color: #FFF; } .b-triangle { border-color: #FFFFFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid dashed dashed dashed;} .r-triangle {border-color: rgba(0, 0, 0, 0) #FFFFFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: dashed solid dashed dashed;} .l-triangle {border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFFFFF; border-style: dashed dashed dashed solid;} .t-triangle {border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFFFFF rgba(0, 0, 0, 0); border-style: dashed dashed solid dashed ;} .header-cart .l-triangle{right:2px; top:11px; color:#73584A; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #73584A;} .header-cart .b-triangle{right:5px; top:13px; color:#73584A; border-color: #73584A rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);} /*--E 三角--*/ /*--S content--*/ #content{word-wrap:break-word;} .description{overflow: hidden;} .description p {margin: 1.12em 0; line-height: 1.4em; padding: 0; } .product_show dt.head-bar{height: 36px; line-height: 36px; border-bottom: 2px solid #7c0000;overflow: hidden;margin-left: 12.5px;} .product_show dt.head-bar span.title{padding-left:0;color: #7c0000;font-size: 18px;font-weight: bold;} .product_show dt.head-bar span.title a{border:none;} .product_show dt.head-bar span a{padding:0 10px;border-right: 1px #7c0000 solid;margin-right: -1px;} .product_show dd li{width: 222px; height: auto; overflow: hidden; border: 1px solid #ccc;margin-left:12.5px;padding: 3px;float: left;margin-top: 12px; background: #fff;display: inline;} .product_show dd dt.img{width: 222px;height: 222px; overflow: hidden; } .product_show .product{background: #fff;} .product_show .product dd {padding: 4px;background: #eee;overflow: hidden;height: 30px;} .product_show .product dd.title {height:32px;overflow:hidden;} .product_show .product .price{color: red;font-size: 18px;} .product_show .product .market_price{color:#999;font-size:10px;float: right;padding-top:5px;} .product_show .row4 li{width: 283px;margin-left:12px;} .product_show .row4 dt.img{width: 283px;height: 283px; overflow: hidden; } /*--E content--*/ /*--S footer--*/ #footer,.footer-links,.copyright{border-top: 1px solid #bbb;position: relative;} #footer a{text-decoration: none;} #footer a:hover{color: #7c0000;} .footer-links{line-height: 26px;padding: 10px 20px;} .footer-links a{line-height: 26px;padding-right: 10px;} .copyright{height: 80px;margin:0 20px; text-align: center;padding: 10px 0; color: #6e6e6e;line-height: 22px;} .footer-bar{height: 30px;position: relative;} .footer-main{position: relative;padding: 20px 0;overflow: hidden;} .footer-main dl{float: left; width: 208px; border-left: 1px dotted #999; padding-left: 30px;margin-left:-1px; } .footer-main .dl2{margin-right: 205px;} .footer-main .dl3{border-left: 1px dotted #999;} .footer-main .dl4{border-right: none;} .footer-main dl dt {font-size: 16px; font-weight: 500; } .footer-main dl dt a {color: #888; font-weight: bold; height: 37px; line-height: 37px; padding-left: 10px;display: block; float: left;} .footer-main dl dd {padding-left: 47px;} .footer-main dd a {color: #777; line-height: 26px; text-decoration: none; } .icon-guide, .icon-payment , .icon-aftermarket, .icon-distribution, .icon-helpinfo, .icon-bcart{background: url(../images/icons.png);width: 37px;height: 37px;display:inline-block;} .icon-guide{background-position: 160px 0;} .icon-distribution{background-position: 160px -40px;} .icon-payment{background-position: 160px -80px;} .icon-aftermarket{background-position: 160px -120px;} .icon-helpinfo{background-position: 160px -160px;} .icon-bcart{background-position: 160px -240px;} /*--E footer--*/ /*--S login--*/ .login,.dialog {padding: 30px 50px;} .login .head,.dialog .head{border-bottom:#c5c5c5 1px solid;padding-bottom:15px;font-size: 24px;font-weight: bold;vertical-align: middle;} .dialog .head img{vertical-align: middle;} .login-form{width:530px ; border-right:#DDD 1px dashed;} .login-form dl{margin-top:10px; clear: both;line-height: 40px; height: 40px;} .login-form dl dt{float:left;width: 80px; padding-right: 10px; font-size: 14px; line-height: 32px; font-weight: bold; line-height: 38px; text-align: right;} .login-form dl dd{float: left;} .login-form dl dd label{padding-left:5px;} .login-note {float: left;width:307px; padding: 0 10px;position: relative;} input {border: #c5c5c5 1px solid; color: #5c5c5c; } .input {line-height: 32px; width: 240px; font-size: 16px; border: #c5c5c5 1px solid; height: 32px; color: #5c5c5c; padding-left: 5px;} .login-note ul li{display: block;padding: 5px;} /*--E login--*/ /*--S shopping cart --*/ #shopping-cart{overflow: hidden; display: block; position: fixed; cursor: pointer; z-index: 10000; right: 10px; bottom: 0; width: 53px; display: none; _right: 10px; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-32)); } #card-list{position: relative; } #card-wrap{z-index: 9997; max-height: 360px;overflow-y: auto;overflow-x: hidden; position: absolute; top:-5px;left:3px; border:1px solid #aaa; padding:10px; width: 272px; background-color: #cdc3bb;background-image:url(../images/shopping-cart-bg.png);box-shadow: 0 0 4px rgba(0,0,0,.3);} #card-list .card-item{position: relative;border-top: 1px dotted #e3e3e3;height: 50px;overflow: hidden;background: #fff; padding: 3px 0;} #card-list .card-item div{float: left;background: #fff;height: 50px; color:#999;} #card-list .card-item .pic{width: 50px;margin-left: 3px;} #card-list .card-item .card-pic{position: relative;display: block; width: 50px; height: 50px; margin-top: 3px; overflow: hidden;} #card-list .card-item .icon-close{position: absolute;top: 0;right: 0;} #card-list .card-item .spec{padding:0 4px;width: 92px; overflow: hidden; white-space: nowrap;} #card-list .card-item .spec p{width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; -o-text-overflow:ellipsis;height: 17px;} #card-list .card-item .num{width: 40px; padding-top:18px; text-align: center;} #card-list .card-item .price{padding-top:18px; text-align: center; color: #333;} a.icon-close:hover{background-position: 0 -100px;} .currency-symbol{font-family: arial;font-weight: 700;} .buy-num a{width: 20px; display: inline-block; font-weight: 700;text-decoration: none;} .buy-num a:hover{border: 1px solid #c7c7c7; background: #E7E7E7;} .buy-num a, .buy-num input {border: 1px solid #ddd; color: #5e5e5e; overflow: hidden; text-align: center; height: 22px; line-height: 22px; font-size: 14px; float: left; vertical-align: middle;} .buy-num {padding: 4px 0;} .buy-num input {width: 50px; border-width: 1px 0; } /*--E shopping cart --*/ /*--S tabwidget --*/ .tab{position: relative;} .tab .tab-head{ background: none repeat scroll 0 0 #E0E0E0; border: 1px solid #C4C4C4; height: 31px; padding: 8px 0 0; position: relative;} .tab .tab-head li{cursor: pointer; display: block; height: 32px; line-height: 32px; margin: 0 10px;padding:0 1.5em;text-align: center;float: left;} .tab .tab-head li.current{border: 1px solid #C4C4C4;height: 31px; line-height: 31px;border-radius: 4px 4px 0 0 ;background: #fff;border-bottom: 0;margin-bottom:-1px;z-index: 100;position:relative;_height:32px;} .tab .tab-body{padding: 10px 0; border: 1px solid #C4C4C4; border-top: none;background: #fff;} /*--E tabwidget --*/ /*--S pagebar --*/ .page-nav { font-family: Simsun; line-height:normal;text-align: right;margin-top: 10px;overflow: hidden;zoom: 1;} .page-nav a,.page-nav span,.page-nav input{display:inline-block;line-height:23px;padding:0 10px;border:1px solid #ccc;background-color:#fff; text-decoration:none;color:#666 !important;margin-right:5px;zoom: 1;} .page-nav input{height: 23px;line-height: 23px;padding: 0;zoom: 1; font:12px/16px;font-family: Simsun;zoom: 1;*margin-bottom:-3px;_margin-bottom:-4px;} .page-nav a:hover,.page-nav span.current{color:#fff !important;background-color:#C00;border-color:#be0d11 #be0d11 #9a0307; text-decoration:none;} /*--E pagebar --*/ .score,.score i{background: url(../images/icon.png);} .score{display: inline-block; height: 20px; width: 110px;} .score i{background-position: 0 -20px; display: block; height: 20px; margin: 0; overflow: hidden; padding: 0; text-indent: -10000px; } .box h2{padding:8px;background-color: #f9f9f9;border-bottom: 1px solid #ddd;} .box .footer{padding:8px;background-color: #f9f9f9;border-top: 1px solid #ddd;} .sidebar .box .content{padding:8px 3px;} .sidebar .header{background:#7c0000; color:#FFF;padding:4px;padding-left:20px;font-size: 18px;} table.form{width: 100%} table.form td{padding: 6px ;} table.form td.label{text-align: right;width: 120px;font-weight: 800;} table input, table select{border: 1px solid #afafaf; padding: 0 3px; height: 24px; line-height: 24px; vertical-align: middle;zoom: 1;} table.form input[type="text"],table.form select,table.form input[type="password"]{border: 1px solid #afafaf; padding: 3px; width: 200px; height: 24px; line-height: 18px; vertical-align: middle;} table.form select{width: auto;height: 28px;line-height: 28px;} table.form textarea{display: block; width: 420px; height: 48px; margin: 0; border: 1px solid #afafaf; padding: 3px; font-size: 12px; } .crumbs{ background: #B6B9BF; height: 32px; overflow: hidden; line-height: 32px; position: relative;} .crumbs li{float: right; overflow: visible; text-align: center; position: relative;font-size: 14px;background: #B6B9BF;z-index: 0;} .step-2 li{width: 50%;} .step-3 li{width: 33.3%;} .step-4 li{width: 25%;} .step-5 li{width: 20%;} .crumbs li em {position: absolute; right: -21px; top: -5px; width: 0; height: 0; line-height: 0; border-width: 21px 0 21px 21px; border-color: transparent transparent transparent #fff; border-style: dashed dashed dashed solid; z-index: 101;} .crumbs li i {position: absolute; right: -15px; top: 0; width: 0; height: 0; line-height: 0; border-width: 16px 0 16px 16px; border-color: transparent transparent transparent #B6B9BF; border-style: dashed dashed dashed solid; z-index: 102} .crumbs li.pass {background: #7c0000; color: #fff; } .crumbs li.pass em {z-index: 101; } .crumbs li.pass i {border-color: transparent transparent transparent #7c0000;z-index: 102} .nav-header{background:#fff;} .nav-header .title{background:#7c0000;color:#fff;text-align:center;padding:3px 0; width:291px; display:inline-block;font-size:22px;} .nav-header .caption{font-size:16px;padding-left:30px;} /*--S help-content --*/ .help-content {line-height: 32px;} .help-content p{margin-top:10px;} /*--E help-content --*/ /*--S shopping-cart --*/ #shopping-cart{display: block;height: 32px;width:300px;z-index: 10000;overflow: visible;} #shopping-bar-box{background: #7c0000;height: 32px; width: 300px; position:absolute;overflow: hidden; bottom: 0;z-index: 9999;line-height: 32px; color: #fff;} #shopping-bar{width:240px; height:32px;line-height:32px;padding-top:2px;} #settlement{background: #333;display:block; width:30px;position:absolute;right:0;top:0; padding: 2px 16px;border-left:#8f2121 1px solid;} /*--E shopping-cart --*/ .help-nav {clear:both;} .help-nav dt{font-weight:800;font-size:14px;} .help-nav .help-list{padding-left:2em;} .help-nav .help-list li{float:left; width:120px;} /*--S screen_960 --*/ .screen_960 .wrap{width: 960px;position: relative;zoom: 1;padding:0;} .screen_960 .banner{margin-left: 0;} .screen_960 .category .group{display: none;} .screen_960 .category:hover .group,.screen_960 .category.hover .group{display: block;} .screen_960 .header-search .txt-keyword{width: 320px;} .screen_960 .footer-main dl{ width: 160px;} .screen_960 .footer-main .dl2{margin-right: 160px;} .screen_960 .product_show .row4 li{width: 303px;margin-left:13px;overflow: hidden;display: inline;margin-right: 0;} .screen_960 .product_show .row4 dt.img{width: 303px;height: 303px; overflow: hidden; margin-bottom:6px;} .screen_960 .nav-header .title{width: 313px;} /*--E screen_960 --*/